草庐IT

Bootstrap4 列表组

全部标签

javascript - 根据 Angular JS 中的属性值在列表中查找对象

有没有一种简单的方法可以根据属性值在列表中查找对象,而无需在列表上循环?例如给定如下列表:varlst=[{name:"foo",value:"fooValue"},{name:"bar",value:"barValue"}];是否有某种“find”方法,这样lst.find("name","foo")会返回具有“name”属性值为“foo”? 最佳答案 您可以使用$filter服务:angular.module('app',[])functionParentCtrl($scope,$filter){varlst=[{name:"f

javascript - jquery 收集列表项的值并放入数组中

如果我有以下HTML:List1list2list3我可以从中获取文本内容吗?的并使用javascript将它们放入数组中? 最佳答案 vararr=$("li").map(function(){return$(this).text()}).get();map()(docs)方法创建一个jQuery对象,其中填充了从函数返回的任何内容(在本例中,每个元素的文本内容)。get()(docs)方法(不传递参数时)将该jQuery对象转换为实际数组。 关于javascript-jquery收集

javascript - IE8 不支持的 JavaScript 函数列表

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭8年前。Improvethisquestion最近在IE8上做前端的JavaScript编码,遇到了一些IE8支持功能缺失导致的问题。以下是一些函数:(1)indexOf()seediscussion&solution(2)base64()Seesource(3)String.trim()Seediscussion&solution(4)history.pushstateSeediscussion&solution(5)map()Seediscuss

javascript - 使用 Angular 标记列表中的修改元素

我想同步数据,因此我有一个包含当前状态的数据对象。更改后,我想在对象上设置一个属性,以便在同步时可以按此进行过滤。对象结构为:data={type1:[{a:"a",b:"b"},...]type2:[{c:"c",d:"d"},...]}例如,如果data.type1[0].a="test"完成,我想添加modified:true到对象,这样它就可以了{a:"test",b:"b",modified:true}我试过$watch(data,function(),true)但我找不到如何查看更改了哪个对象并且搜索两个给定数据对象的开销很大。$watchcollection(当只是寻找添

javascript - 即使延迟设置为 0,Bootstrap Notify 也会自动关闭

我正在尝试让BootstrapNotify警报保持可见,直到用户将其关闭,而不是自动关闭。为此,根据我对文档的理解,我将delay设置设置为0。这是我的JS文件,包含在bootstrap-notify.js之后:$(function(){varalertTemplate=$("#notify-template").html();$.notifyDefaults({target:"_self"},{type:"warning",delay:0,template:alertTemplate});});vartoasterNotify=function(alertTitle,alertMes

javascript - jasny bootstrap offcanvas 不会在手机上滚动

我使用jasnybootstrap插件创建了一个侧边菜单。标记相当简单:whichmayhavenested-->问题是它在手机上不可滚动。当我尝试滚动它时,它根本不起作用。我试图使用带有网络检查器的iOS模拟器对其进行深入检查,并尝试绑定(bind)一些事件。我尝试将scroll事件绑定(bind)到.sidemenu但此事件从未触发。然后我尝试绑定(bind)touchstart事件并且它按预期工作。我想这意味着它确实可以识别我的触摸,但它只是无法识别滚动手势?知道为什么它不起作用吗? 最佳答案 尝试将data-placemen

javascript - 使用 Selectize 和 Ajax 时在 Bootstrap 模式中显示 Rails 错误消息

我正在尝试构建一个应用程序,允许用户分享艺术家对其他艺术家的名言。例如,鲍勃·迪伦(BobDylan)引用约翰·列侬(JohnLennon)的话。因此,我的艺术家模型的设置方式允许艺术家既是引述的演讲者又是引述的主题,并且每个引述都属于作为引述者或主题的每个艺术家。当使用Selectize触发模态时,我无法在Bootstrap模态中显示Rails错误消息。我按照thisdemo使模态正常工作.模态框用于创建一个新的Artist来自quotes/new表单,但我无法获得Artist的错误消息在Bootstrap模式或报价/新页面上显示的模型。当我尝试在模式中创建触发错误消息(例如vali

javascript - 如何在可能已经有 Bootstrap 脚本的环境中加载它们?

我想在我的WordPress插件中使用来自Bootstrap的弹出窗口(及其工具提示依赖项)脚本。插件很可能会出现在已经有Bootstrap的环境中,我正在尝试确定如何以稳健的方式实现它。我可以尝试检查插件定义并动态加载脚本(如果它们不存在)(否则使用环境所具有的)。然而,时间安排似乎具有挑战性,因为其中一个脚本依赖于另一个脚本,并且加载同名插件并不能保证它是兼容的版本,甚至根本不能保证Bootstrap脚本。脚本似乎包含noConflict()功能,我可以尝试使用它来隐藏我自己的副本并在任何情况下忽略全局副本的存在。然而,我又一次不确定如何获得正确的机制,因为popover需要工具提

javascript - 无法使用 JQuery-File-Upload 从文件列表中删除文件

我在使用JQuery-File-Upload时遇到问题插入。我直接使用插件,而不是通过作者提供的html示例页面。基本上我有一个带有一些输入的表格其中之一是文件输入。第一次上传工作正常,但当我尝试第二次上传时,两个文件都被发送(第一个是第二次),而它应该只是第二个。例子:文件1被选中。文件1已上传。成功。使用jquery我用$(FORM_SELECTOR).trigger('reset')重置了表单已选择文件2。文件1和文件2均已上传。问题。现在我有文件1的两个副本。这不是我想要的。显然,如果它只工作一次,那么使用ajax表单上传没有多大意义,所以我认为我缺少一些东西。有没有办法重置文

javascript - AngularJS/ui-bootstrap Accordion -单击时滚动到事件(打开) Accordion 的顶部

当一个面板打开时,我需要让它滚动回到刚刚点击的面板的“.panel-title”。我知道我可以创建一个指令来执行此操作,例如(从thissite获得):.directive('scrollTop',scrollTop);functionscrollTop(){return{restrict:'A',link:link};}functionlink($scope,element){$scope.collapsing=false;$scope.$watch(function(){return$(element).find('.panel-collapse').hasClass('colla